<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html>
<html>
<head>
	<title>秀场 | ${album.name} - ${website}</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${cdn}/css/pxmain${pageScope.pxmainCssVersion}.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
	<%@ include file="/common/sitenav.jsp"%>
	<jsp:include page="/common/home-header.jsp">
		<jsp:param value="albums" name="column" />
	</jsp:include>
	
	<section id="page1" class="vipPic">
    	<section class="section vip-content clearfix">
            <jsp:include page="/WEB-INF/views/album/aside-left.jsp">
				<jsp:param value="shows" name="column" />
			</jsp:include>
			
			<input id="current-user-id" type="hidden" value="${sessionScope.currentUser.userId}">
			<input id="current-user-avatar" type="hidden" value="${sessionScope.currentUser.avatar}">
			
            <section class="col-main lfloat">
            	<section class="main-wrap Album">
            		<input type="hidden" id="album-id" value="${album.id}">
            		<input type="hidden" id="gallery-id" value="${album.galleryId}">
                    <div class="showPicTitle pr">
                    	<a href="${ctx}/albums/shows">秀场</a>
                    	<span class="AlbumName"><a href="${ctx}/albums/gallery/${album.galleryId}/shows">${album.galleryName}</a></span>
                        <span id="album-name" class="AlbumName">${album.name}</span>
                        <div class="more-box inlineBlock">
                            <i id="shows-settings" class="vipmore"></i>
                            <div id="shows-settings-box" class="newSort pa">
                                <div class="GreyBox pr">
                                     <div class="GreyBox-menu mvm">
                                         <ul class="GBmenu-data">
                                             <li id="edit-album" class="GBmenu-editAlbum"><i></i>编辑专辑</li>
                                             <li id="remove-album" class="GBmenu-delAlbum"><i></i>删除专辑</li>
                                         </ul>
                                     </div>
                                </div>
                            </div>
                        </div>
                        <a href="javascript:void(0);" id="upload-photos" class="showupload pa">上传照片</a>
                    </div>
                    
                    <section class="albumData1">
                        <section class="pic-body mtl">
                            <ul class="albumPic-list clearfix">
                            	<c:forEach var="photo" items="${photos}">
                            		<li class="albumPic-detail">
	                                	<div class="albumPicPT">
	                                    	<a href="${ctx}/albums/${album.id}/photos/${photo.id}" class="albumPicP pr">
	                                        	<img src="${imgUrl}${photo.h160Path}" alt="${photo.title}" />
	                                        </a>
	                                    </div>
	                                </li>
                            	</c:forEach>
                            </ul>
                        </section>
                    </section>
               		
               		<section class="recommend1 mvm mlxxl">
						<a id="like-album-btn" href="javascript:;" class="praise1">
							<i></i><span id="like-album-text">赞</span>
						</a> | 
						<a id="favor-album-btn" href="javascript:;" class="favorite1">
							<i></i><span id="favor-album-text">收藏</span>
							<c:if test="${album.favors gt 0}">
								(<span class="tcolor" id="favor-album-num">${album.favors}</span>)
							</c:if>
						</a>
               		</section>
               		<section class="mvs mlxxl hidden" id="likes-content">
						<h2><span><em id="like-album-num">${album.likes}</em>个人赞过它！</span> </h2>
						<div id="likes-user-list">
						</div>
					</section>
						
               		<%-- st评论 --%>
					<section class="section clearfix mtl">
						<div class="commentbody lfloat" style="width:100%;">
							<div class="commentTxt clearfix phxl pvs">
								<form action="" method="post">
									<textarea></textarea>
									<div class="comment-ico lfloat"></div>
									<div class="comment-submit rfloat mts">
										<label><input type="checkbox" /> 转发给我的粉丝</label>
										<button type="button">评论</button>
									</div>
								</form>
							</div>
							<div class="commentList mhxl">
								<ul class="commentData mvm">
									<li class="comment-detail clearfix">
										<div class="commentPic">
											<a href="#"><img src="${ctx}/images/demo/userPic1.jpg" alt="" /></a>
										</div>
										<div class="commentText">
											<div class="userName">
												<strong>
													<a title="" href="#" class="fcolor">李颖芝</a><a class="vip" target="_blank" title="认证" href="#"><i class="zan-ico"></i></a>
												</strong>:&nbsp;
											</div>
											<div class="msgCnt">
												对待感情不作伪真的很难呢，也未必是正确的行为，因为人性，以及人的行为很复杂。
											</div>
											<div class="commentTime">
												( 10秒前 )
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</section>
               
                </section>
            </section>
        </section>
    </section>
    
    <%@ include file="/WEB-INF/views/album/edit-album.jsp" %>
    <%@ include file="/WEB-INF/views/album/upload-photos.jsp" %>
    
    <%@ include file="/common/footer.jsp"%>
    <script type="text/javascript" src="${cdn}/js/px/album/detail/shows${pageScope.albumDetailShowsJsVersion}.js"></script>
</body>
</html>
